<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>User Center</title>
		<script type="text/javascript" src="../js/jquery1.7.2.js"></script>
		<link href="../css/usercenter.css" type="text/css" rel="stylesheet"/>
		 <script type="text/javascript">
		 $(document).ready(function(){
		 	$("#header").load("common/uc_header.html");
		 	$("#footer").load("common/uc_footer.html");
		 });
		
		 </script>
	</head>

	<body>
		<div id="header">
			
		</div>
			
		<div class="container">
			<div class="sidebar">
				<div class="photo_container">
					<div class="photo">
						<img src="photos/alligator-icon.png">
					</div>
					<a href="uc_changephoto.html">Change photo</a>
				</div>
				<div class="info">
						<h4>Jason Wang</h4>
						[&nbsp;<a href="">Edit info</a>&nbsp;]
												<p>Software engineer | Computer science</p>
												<p><span>Birthday:</span> 1989.01.01</p>
												<p><span>Hometown:</span>  Newyork</p>
												<p><span>leisure interests:</span>  Dance, rock music, shopping, KTV with friends, swimming</p>
											</div>
			</div>
			<div class="content">
				<div class="recentActivities">
					<h4>Recent activities</h4><span class="more">[&nbsp;<a href="">more</a>&nbsp;]</span>
					<ul>
						<li><a href="">School sport party showing</a><span class="time">2012.9.3</span></li>
						<li><a href="">School sport party showing</a><span class="time">2012.9.3</span></li>
						<li><a href="">School sport party showing</a><span class="time">2012.9.3</span></li>
					</ul>
				</div>
				<div class="recentMarks">
					<h4>Recent marks</h4><span class="more">[&nbsp;<a href="">more</a>&nbsp;]</span>
					<ul>
						<li><a href="">Mushroom restaurant</a><span class="time">2012.8.23</span></li>
						<li><a href="">Mushroom restaurant</a><span class="time">2012.8.23</span></li>
						<li><a href="">Mushroom restaurant</a><span class="time">2012.8.23</span></li>
					</ul>
				</div>
				
			</div>
			<div class="sideBarRight">
				<a class="rssBtn" href=""></a>Feed: RSS 2.0
			</div>
			<div class="clearfloat"></div>
<script type="text/javascript">
$("#listbody div.list").hover(
	function(){$(this).addClass('listhover');$(this).find(".bar").css('visibility','visible');},
	function(){$(this).removeClass('listhover');$(this).find(".bar").css('visibility','hidden');}
);
</script>

	</div>



		<div id="footer">
			
		</div>
	</body>
</html>
